<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.1.1.js"></script>
		<script src="jquery.lb.js"></script>
	</head>
	<style type="text/css">
		ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.slide{
			margin: 30px auto;
			width: 320px;
			height: 220px;
			border: 1px solid red;
			position: relative;
		}
		.slide-img{
			width: 100px;
			height: 100px;
		}
		.slide-img li{
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
		.slide-img li.current{
			display: block;
		}
		.indicator{
			position: absolute;
			right: 0;
			bottom: 0;
		}
		.indicator li{
			float: left;
			width: 8px;
			height: 8px;
			margin: 5px;
			background-color: red;
			border-radius: 50%;
		}
		.indicator li.active{
			background: orange;
		}
	</style>
	<body>
		<div class="slide slide1">
			<ul class="slide-img">
				<li class="current"><img src="images/a.png" alt="" /></li>
				<li><img src="images/b.png" alt="" /></li>
				<li><img src="images/c.png" alt="" /></li>
				<li><img src="images/d.png" alt="" /></li>
			</ul>
			<ul class="indicator">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="slide slide2">
			<ul class="slide-img">
				<li class="current"><img src="images/a.png" alt="" /></li>
				<li><img src="images/b.png" alt="" /></li>
				<li><img src="images/c.png" alt="" /></li>
				<li><img src="images/d.png" alt="" /></li>
			</ul>
			<ul class="indicator">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="slide slide3">
			<ul class="slide-img">
				<li class="current"><img src="images/a.png" alt="" /></li>
				<li><img src="images/b.png" alt="" /></li>
				<li><img src="images/c.png" alt="" /></li>
				<li><img src="images/d.png" alt="" /></li>
			</ul>
			<ul class="indicator">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</body>
</html>
<script>
	$('.slide1').lb();
	$('.slide2').lb({speed:1000})
	$('.slide3').lb({speed:500})
</script>
